<!-- 顶部黑色区域 -->
<div class="header">
	<div class="main">
		<nav class="navbar navbar-default navbar-inverse">
		  <div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
			  <a class="navbar-brand" href="#">
				  <img id="logoImg" alt="Brand" src="/img/logo.png">
			  </a>
			</div>
		
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			 
			  <ul class="nav navbar-nav navbar-right">
				<li id="login"><a href="/html/login.html">登录</a></li>
				<li id="regist"><a href="/html/register.html">注册</a></li>
				
				<li id="username" class="hide"><a href="/html/login.html"></a></li>
				<li id="logout" class="hide"><a href="/html/register.html">退出</a></li>
				
				<li class="line"></li>
				<li id = "buyCar">
					<a href="/html/shopcar.html">购物车</a>
					<div class="cart fdDiv">
						<div class="shop" id="nullCar">
							你的购物车暂时没有商品...
						</div>
						<div class="cart_list hide" id="shoppingContainerCon"></div>
						<a class="add-shop" href="#">快去抢购良仓商品吧！</a> 
					</div>
				</li>
				<li style="margin-left: 15px;">
					<a href="/html/shopcar.html" id="cartNum" style="color: firebrick;
				width: 15px;height: 15px;margin-left: -30px;margin-right: 15px;font-size: 18px;font-weight: bold;
				"></a>
				</li>
				
				<li class="line"></li>
				<li id = "msg">
					<a href="#">消息</a>
					<div class=" user-m fdDiv">
						<a href="/i/usermain/feed/">
							<span>动态<small>0</small></span>
						</a> 
						<a href="/i/message/"><span>评论<small>0</small></span></a> 
						<a href="/i/message/msg/"><span>私信<small>0</small></span></a> 
						<a href="/i/usermain/fans/?id="><span>粉丝<small>0</small></span></a> 
						<a href="/i/message/notice_favour/"><span>喜欢<small>0</small></span></a> 
						<a class="last" href="/i/message/notice/"><span>通知<small>0</small></span></a> 
					</div>
				</li>
				<li class="line"></li>
				<li><a href="#">添加良品</a></li>
				<li><a href="#">资质证照 / 协议规则</a></li>
				
			  </ul>
			</div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		
	</div>
	
</div>

<!-- 导航  --选项卡 -->
<div class="menu">
	<div id="menuTab">
		<ul>
			<li>
				<a href="/index.html">首页</a>
			</li>
			<span id="fenlei">
					<!-- data.categoriesTitle -->
				<li>
					<a href="/html/category.html?id=5">男装</a>
				</li>
				<li>
					<a href="/html/category.html?id=2">女装</a>
				</li>
				<li>
					<a href="/html/category.html?id=3">化妆品</a>
				</li>
				<li>
					<a href="/html/category.html?id=4">饰品</a>
				</li>
			</span>
			<!-- 可以尝试写一下顶部目录的渲染模板，要写js -->
			<script type="text/html" >
				{{each list item}}
					<li>
						<a href="/html/category.html?id=2">{{item.categoriesTitle}}</a>
					</li>
				
				{{/each}}
			</script>
			
		</ul>
		
		<!-- 搜索框 -->
		<div class="search fr">
		    <div class="search-input-wrap"> 
			    <div class="search-input" style="left: 280px;">
					<input type="text" id="glb_keyword" placeholder="search..." onkeyup="enterSearchLister(event);">
		        </div> 
			</div>
		    <s></s>
		    <a target="_self" href="javascript:void(0)" class="search-icon" style="opacity: 1;"></a> 
		</div>
		
	</div>
</div>







